﻿<%@ Page Title="Alumno" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Alumno_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    
    <%-- Si el alumno no tiene creada ninguna solicitud --%>
    <div id="UsuarioSinFolio" Visible="False" class="col_12" runat="server">
        <div class="col_2">&nbsp;</div>
        <div class="col_8" align="center">
            <div class="alert alert-info">
                <strong>Actualmente no has iniciado la solicitud para aplicaci&oacute;n de la Beca de Filantrop&iacute;a.
                        Puedes iniciar una haciendo clic en el bot&oacute;n de abajo.</strong><br /><br />
                <asp:Button ID="AplicarSolicitudButton" CssClass="btn btn-small btn-primary" runat="server"
                    Text="Aplicar a Beca" OnClientClick="modalShow(); return false;" />
            </div>
        </div>
        <div class="col_2">&nbsp;</div>        
            
        <%-- Modal para que se lean los términos --%>
        <div id="TerminosSolicitud" class="modal hide fade" style="display: none;">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">×</button>
                <h3>T&eacute;rminos</h3>
            </div>
            <div class="modal-body">
                <h4>El alumno debe estar de acuerdo a lo siguiente:</h4>
                <p>Condiciones escritas van a ir aquí.</p>
            </div>
            <div class="modal-footer">
                <asp:Button ID="CancelarTerminosButton" CssClass="btn btn-small btn-danger" runat="server"
                    Text="Cancelar" OnClientClick="modalShow(); return false;" />
                <asp:Button ID="AceptarTerminosButton" CssClass="btn btn-small btn-primary" runat="server"
                    Text="Aceptar" OnClick="CrearNuevaSolicitud" />
            </div>
        </div>

    </div>
    
    <%-- Si el alumno tiene una solicitud creada pero no enviada --%>
    <div id="UsuarioSolicitudNoEnviada" visible="False" class="col_12" runat="server">
        <div class="col_2">&nbsp;</div>
        <div class="col_8" align="center">
            <div class="alert alert-info">
                <strong>Tienes actualmente una solicitud iniciada.</strong><br /><br />
                <asp:Button ID="ContinuarSolicitudButton" CssClass="btn btn-small btn-primary"
                runat="server" Text="Continuar Solicitud" OnClick="ContinuarSolicitud" />
            </div>
        </div>
        <div class="col_2">&nbsp;</div>
    </div>


    <%-- La solicitud ha sido enviada --%>
    <div id="UsuarioSolicitudEnviada" visible="False" class="col_12" runat="server">
        <div class="col_2">&nbsp;</div>
        <div class="col_8" align="center">
            <div id="SolicitudEnRevisionDiv" class="alert alert-info" visible="False" runat="server">
                <strong>Tu solicitud est&aacute; en proceso de revisi&oacute;n. Si deseas consultarla,
                    la puedes visualizar descarg&aacute;ndola a continuaci&oacute;n.</strong><br />
                <br />
                <asp:Button ID="DownloadReportButton" runat="server" CssClass="btn btn-small btn-primary"
                    Text="Descargar Solicitud" OnClick="DownloadReportButton_Click" />
            </div>
            <div id="SolicitudRechazadaDiv" class="alert alert-danger" visible="False" runat="server">
                <strong>Lo sentimos, pero no has sido candidato para la beca de filantrop&iacute;a. 
                Esperamos que puedas aplicar para el pr&oacute;ximo periodo.</strong><br />
                <br />
            </div>
            <div id="SolicitudAceptadaDiv" class="alert alert-success" visible="False" runat="server">
                <strong>&iexcl;Felicidades! Has sido aceptado para recibir la beca de filantrop&iacute;a. 
                Para m&aacute;s informaci&oacute;n, acude al departamento de becas.</strong><br />
                <br />
            </div>
        </div>
        <div class="col_2">&nbsp;</div>
    </div>


    <%-- Información para el Alumno --%>
    <div class="col_12">
    <div class="col_1">
    </div>
    <div class="col_10">
        <table class="table">
            <tbody>
                <tr id="ResumenTableDiv" runat="server">
                    <td style="vertical-align: middle; text-align: center">
                        <img src="../Images/solicitudes_icon.png" alt="Resumen" /><br />
                        <strong>Resumen</strong> </td>
                    <td style="vertical-align: middle;">Podr&aacute;s visualizar la solicitud del &uacute;ltimo periodo
                        a la cual aplicaste.
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: middle; text-align: center">
                        <img src="../Images/profile_icon.png" alt="Mi Cuenta" /><br />
                        <strong>Mi Cuenta</strong> </td>
                    <td style="vertical-align: middle;">Visualizar informaci&oacute;n de tu cuenta y tambi&eacute;n
                        para realizar un alg&uacute;n cambio como la contrase&ntilde;a. </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col_1">
    </div>
    </div>

    <script type="text/javascript" src="<%=ResolveUrl("~/Scripts/bootstrap-modal.js")%>"></script>
    <script type="text/javascript">
        
        function modalShow() {
            $('#TerminosSolicitud').modal('toggle');
        }

        // Arregla el error de padding del Label
        $('#ctl00_MainContent_AplicacionStatus').css('padding-right', '14px');
    </script>

</asp:Content>